﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>网站升级改造中！</title>
    <style type="text/css">
        .texts {
            line-height: 2;
        }

            .texts dd {
                margin: 0;
                padding: 0 0 0 15px;
            }

            .texts ul {
                margin: 0;
                padding: 0;
            }

        .STYLE1 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 65px;
        }

        body {
            background-image: url(/images/bg2.jpg);
            background-size: cover;
            background-position: 50% 0;
            margin: 0;
        }

            body:before {
                content: '';
                display: inline-block;
                vertical-align: middle;
            }
    </style>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" />
    <script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery.ripples/0.5.3/jquery.ripples.min.js"></script>
    <script src="https://cdn.staticfile.org/phaser/3.24.1/phaser.min.js"></script>
    <script src="~/Assets/catchcat/catch-the-cat.js"></script>

</head>
<body>
    <div class="container">
        <header id="header" class="page-header text-center">
            <h1>Oops!</h1>
        </header>
        <div id="container">
            <h3 class="margintop20">
                <em>
                    <span class="STYLE1">网站升级改造中&nbsp;</span>
                </em>:很快回来！
            </h3>
            <dl class="texts">
                <dd>
                    <ul>
                        <li class="h6">玩个游戏吧，机会很难得哦——</li>
                        <li>将猫困在一个深色圆点围成的圈子里面就算成功了！</li>
                    </ul>
                </dd>
                <div id="games"></div>
            </dl>
        </div>
    </div>
</body>
</html>
<script>
    $(document).ready(function () {
        window.game = new CatchTheCatGame({
            w: 11,
            h: 11,
            r: 20,
            backgroundColor: 0xffffff,
            parent: 'games',
            statusBarAlign: 'center',
            credit: 'masuit.com'
        });

        setTimeout(function () {
            try {
                $('body').ripples({
                    resolution: 512,
                    dropRadius: 20, //px
                    perturbance: 0.04,
                });
            }
            catch (e) {
                $('.error').show().text(e);
            }
        }, 100);
    });
</script>